/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

/**
 * 短信/云呼管理-超限模板审核
 */
import React from 'react';
import { PageContainer } from '@ant-design/pro-layout';
import { Tabs } from 'antd';
import KbSuperTmp from '@/components/_pages/sms/specialTmp/superTmp';
import KbSmsTmpSearch from '@/components/_pages/sms/specialTmp/smsTmpSearch';
import KbSmsSearch from '@/components/_pages/sms/specialTmp/smsSearch';
import RedPoint from '@/components/_pages/red-point';

const VehicleCallLogout: React.FC = () => {
  const tabList = [
    {
      tab: <RedPoint type='0'>超限模板审核</RedPoint>,
      key: 'superTmp',
      dom: <KbSuperTmp />,
    },
    {
      tab: '短信模板查询',
      key: 'smsTmpSearch',
      dom: <KbSmsTmpSearch />,
    },
    {
      tab: '短信查询',
      key: 'smsSearch',
      dom: <KbSmsSearch />,
    },
  ];

  return (
    <PageContainer>
      <Tabs>
        {tabList.map((item) => (
          <Tabs.TabPane tab={item.tab} key={item.key}>
            {item.dom}
          </Tabs.TabPane>
        ))}
      </Tabs>
    </PageContainer>
  );
};

export default VehicleCallLogout;
